<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>冷链物流</title>
  <!--  widthmaximum-scale=1.0 与 user-scalable=no 一起使用。这样禁用缩放功能后，用户只能滚动屏幕，就能让您的网站看上去更像原生应用的感觉。 -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
 
  <style>
  #example2 td{
	border:1px #d2d6de solid;
	text-align:center;
	vertical-align:middle;
  }
  </style>
</head>
<body>

  <div class="container" style="background:#FFFFFF">
	<section class="content-header">
		<div class="col-lg-10">
			<!-- <h2>系统名称</h2> -->
			<ol class="breadcrumb" id="index_breadcrumb">
				<li class="active">
					<i class='fa fa-anchor' style='color:#18a689;'></i>&nbsp;&nbsp;
						<strong>当前位置：档案管理>>车辆信息管理</strong>
				</li>
			</ol>
		</div>
		<div class="col-lg-2">
		</div>
	</section>
      <div class="container-fluid">
		<div class="row clearfix col-lg-12">
			<form role="form">

				  <table id="example2" class="table table-bordered table-hover">
					
					<tbody>
					<tr>
					  <td class="col-lg-2"><label for="numberPlate">车牌号</label></td>
					  <td class="col-lg-4"><input type="email" class="form-control" id="numberPlate" placeholder="车牌号"></td>
					  <td class="col-lg-2"><label for="companyType">车辆类型</label></td>
					  <td class="col-lg-4">
						  <select class="form-control" >
							<option>option 1</option>
							<option>option 2</option>
							<option>option 3</option>
							<option>option 4</option>
							<option>option 5</option>
						  </select>
					  </td>
					</tr>
				   
					
					<tr>
					  <td colspan="2"><button type="submit" class="btn btn-info pull-right">查询</button></td>
					  <td colspan="2"><button type="submit" class="btn btn-info pull-left">重置</button></td>
					</tr>
					</tbody>
					
				  </table>
				</form>
				
				<button type="submit" class="btn btn-primary btn-lg2">导出</button>
				<button type="submit" class="btn btn-primary btn-lg2" data-toggle="modal">添加</button>
				<button type="submit" class="btn btn-primary btn-lg2">删除</button>
				<table class="table table-bordered" id="cartable">
					
				</table>
				
				
				<div class="modal fade" id="carModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
					<form role="form">
					  <div class="modal-dialog" style="width:70%">
					  
						  <div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
									&times;
								</button>
								<h4 class="modal-title" id="myModalLabel">
									车辆信息
								</h4>
							</div>
							<div class="modal-body">
							  基本信息
							  <table id="example2" class="table table-bordered table-hover">
								
								<tbody>
								<tr>
								  <td><label for="numberPlate">车牌号</label></td>
								  <td><input type="text" class="form-control" id="numberPlate" placeholder="车牌号"></td>
								  <td><label for="sex">车辆类型</label></td>
								  <td>
									  <select class="form-control" >
										<option>option 1</option>
										<option>option 2</option>
										<option>option 3</option>
										<option>option 4</option>
										<option>option 5</option>
									  </select>
								  </td>
								</tr>
								<tr>
								  <td><label for="carNo">车辆编号</label></td>
								  <td><input type="text" class="form-control" id="carNo" placeholder="车辆编号"></td>
								  <td><label for="frameNumber">车架号</label></td>
								  <td><input type="text" class="form-control" id="frameNumber" placeholder="车架号"></td>
								</tr>
								<tr>
								  <td><label for="address">单位名称</label></td>
								  <td>
									  <select class="form-control" >
										<option>option 1</option>
										<option>option 2</option>
										<option>option 3</option>
										<option>option 4</option>
										<option>option 5</option>
									  </select>
								  </td>
								
								  <td colspan="2"></td>
								</tr>
							  </table>
							  
							  主要部件信息
							  <table id="example2" class="table table-bordered table-hover">
								
								<tbody>
								<tr>
								  <td><label for="motorModel">电机型号</label></td>
								  <td><input type="text" class="form-control" id="motorModel" placeholder="电机型号"></td>
								  <td><label for="bmsModel">BMS型号</label></td>
								  <td><input type="text" class="form-control" id="bmsModel" placeholder="BMS型号"></td>
								</tr>
								<tr>
								  <td><label for="motorControllerModel">电机控制器型号</label></td>
								  <td><input type="text" class="form-control" id="motorControllerModel" placeholder="电机控制器型号"></td>
								  <td><label for="carControllerModel">整车控制器型号</label></td>
								  <td><input type="text" class="form-control" id="carControllerModel" placeholder="整车控制器型号"></td>
								</tr>
								<tr>
								  <td><label for="batteryType">电池类型</label></td>
								  <td><input type="text" class="form-control" id="batteryType" placeholder="电池类型"></td>
								  <td><label for="batteryCapacity">电池容量</label></td>
								  <td><input type="text" class="form-control" id="batteryCapacity" placeholder="电池容量"></td>
								</tr>
								<tr>
								  <td><label for="normalFullTime">普通充满电时间</label></td>
								  <td><input type="text" class="form-control" id="normalFullTime" placeholder="普通充满电时间"></td>
								  <td><label for="fastFullTime">快速充满电时间</label></td>
								  <td><input type="text" class="form-control" id="fastFullTime" placeholder="快速充满电时间"></td>
								</tr>
								<tr>
								  <td><label for="maximumMileage">最大续航里程</label></td>
								  <td><input type="text" class="form-control" id="maximumMileage" placeholder="最大续航里程"></td>
								
								  <td colspan="2"></td>
								</tr>
								</tbody>
							  </table>
							  
							  SIM卡信息
							  <table id="example2" class="table table-bordered table-hover">
								
								<tbody>
								<tr>
								  <td><label for="simCardNumber">卡号</label></td>
								  <td><input type="text" class="form-control" id="simCardNumber" placeholder="卡号"></td>
								  <td><label for="simCourse">套餐</label></td>
								  <td><input type="text" class="form-control" id="simCourse" placeholder="套餐"></td>
								</tr>
								</tbody>
							  </table>
							</div>
				  
							<div class="modal-footer">
								<button type="button" class="btn btn-primary">
									提交更改
								</button>
								<button type="button" class="btn btn-default" data-dismiss="modal">关闭
								</button>
							</div>
						</div>
					</div>
					</form>
			
			</div>
		</div>
	  </div>
  </div>

  <script type="text/javascript" src="../dagl/js/clxxgl.js"></script>
<script>
	$('#carModal').modal(alert('modal'));
</script>
</body>
</html>
